<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <title>Login - TRACER </title>
  
  <link href="stylesheets/custom.less" media="all" rel="stylesheet/less" type="text/css" />
  <script src="javascripts/less-1.0.41.js"></script>
  <script type="text/javascript" charset="utf-8">
    // Under development you should uncomment the following lines,
    // to make the browser refresh the changes that you are makeing in your app.less file.
    less.env = "development";
    less.watch();
  </script>
  <!--[if lt IE 9]>
    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
  <![endif]-->
</head>
<body>
  <header id="header">
    <div class="row">
      <div class="column grid-16">
          <p class="logoContainer">
          	<a href="dashboard.html" class="logo"> <span class="hide">TRACER</span> </a> 
          </p>
      </div>
    </div>
  </header>
  <div id="bodycontent">
    <div class="row">
      <div class="column grid-8">
      	<div>
      		<h4> TRACER </h4>
      		<p> Design, Develop, Innovate</p> 
      		
      	</div>
          
      </div>
      <div class="column grid-8">
          <div class="box tac">
          	<div class="login">
          		<ul>
          			<li><input type="text" placeholder="username"> </li>
          			<li><input type="password" placeholder="password"> </li>
          			<li><input type="submit" value="Login"> </li>
          		</ul>
          	</div>	
          </div> 
          
      </div>
    </div>
  </div>

<footer id="footer">
    <div class="row">
      <div class="column grid-16">
        <p class="tal"><strong>TRACER</strong> is under MIT License</p>
        <p class="tac"><small>Copyright &copy; 2011 </small></p>
      </div>
    </div>
  </footer>
</body>
</html>
        

